@import './common';
page{
	background-color:$thirdBgWin !important;	
}

.head{
	
	.info{
		box-sizing:border-box;
		padding:setSize(32) setSize(24);

		.avat-box{
			width: setSize(140);
			height: setSize(140);
			margin-right: setSize(28);

			.avat{
				display: block;
				width: 100%;
				height: 100%;
				border-radius:50%;
			}
		}

		.text-wrap{
			@include ellipsis;

			.text-box{
				@include ellipsis;

				.text{
					font-size:setSize(34);
					font-weight:500;
					// color:#333;
					line-height:setSize(42);
					@include ellipsis;
				}

				.btn{
					box-sizing:border-box;
					width: setSize(120);
					line-height:setSize(42);
					margin-left: setSize(16);
					border-radius:setSize(8);
					font-size: setSize(24);
					font-weight:400;
					color: #332F36;
					background-color:$mainColor;
					text-align: center;
					border:setSize(1) solid $mainColor;
				}

				.btn-default{
					background-color:$subMainColor;
					border:setSize(1) solid $subMainColor;
				}

				.btn-plain{
					background-color:#fff;
					color: $mainColor;
				}
			}
		}

		.sub-text{
			margin-top: setSize(18);
			font-size:setSize(22);
			font-weight:400;
			color:#858688;
			@include ellipsis;
		}
	}

	.row{
		box-sizing:border-box;
		padding-bottom: setSize(38);
		text-align: center;

		.item{
			box-sizing:border-box;
			padding:0 setSize(20);
			@include ellipsis;

			.text{
				margin-bottom: setSize(9);
				font-size:setSize(30);
				font-weight:500;
				// color:rgba(51,51,51,1);
			}

			.sub-text{
				font-size:setSize(24);
				font-weight:400;
				color:rgba(133,134,136,1);
			}
		}
	}
}